<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>科室管理</title>
  <script src="../../lib/JQuery/jquery-1.11.3.js"></script>
  <script src="../../lib/bootstrap-4.6.1/js/bootstrap.js"></script>
  <link rel="stylesheet" href="../../lib/bootstrap-4.6.1/css/bootstrap.css">
  <link rel="stylesheet" href="../../src/font/department-font/iconfont.css">
  <link rel="stylesheet" href="../../css/department.css">
  <link rel="stylesheet" href="../../css/index.css">
  <script src="../../js/ksgl.js"></script>
  <style>
  </style>
</head>

<body>

  <!-- 科室管理 -->
  <div class="content-ks">
    <div class="content-son clear">
      <!-- 第一排div -->
      <div class="content-1 ">
        <form class="form-inline">
          <div class="form-group">
            <label for="searchKs"></label>
            <input type="text" class="form-control departmentInput" id="searchKs" name="kssearch1"
              placeholder="请输入专家名称">
          </div>

          <button class="btn btn-default departmentButton1 iconfont icon-chaxun" type="button"
            id="kssearch">&nbsp;查询</button>
        </form>
      </div>
      <!-- 第二排div -->
      <div class="content-2">
        <button class="btn btn-default departmentButton2 iconfont icon-xinzeng" data-toggle="modal"
          data-target="#partmentAdd" type="button" id="addKsBut">&nbsp;新增科室</button>
        <button class="btn btn-default departmentButton3 iconfont icon-daochu" type="button">&nbsp;导出</button>

      </div>
      <!-- 表格 -->
      <div class="content-3 depart-table">
        <table class="table" id="table-s">
          <thead>
            <tr>
              <th scope="col"><input type="checkbox"></th>
              <th scope="col">ID</th>
              <th scope="col">科室名称</th>
              <th scope="col">科室图标</th>
              <th scope="col">科室编号</th>
              <th scope="col">创建者</th>
              <th scope="col">排序值</th>
              <th scope="col">启用状态</th>
              <th scope="col">操作</th>
            </tr>
          </thead>
          <tbody>

          </tbody>
        </table>
      </div>

      <!-- 分页 -->
      <div class="paging office-paging">
        <span class="ke-page-total">共1页</span>
        <!-- 下拉 n条/页 -->
        <div class="form-group" style="margin-left: 10px;margin-right: 10px;">
          <select class="form-control show-page-size">
            <option value="2">2条/页</option>
            <option value="5" selected>5条/页</option>
            <option value="8">8条/页</option>
          </select>
        </div>
        <!-- 按钮 -->
        <nav aria-label="Page navigation example">
          <ul class="pagination">
            <li class="page-item">
              <a class="page-link ke-page-pre" href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <div class="pageNumber">

            </div>
            <li class="page-item">
              <a class="page-link ke-page-next" href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li>
          </ul>
        </nav>

      </div>
    </div>



    <!-- 新增科室 编辑科室 -->
    <div class="modal fade" id="partmentAdd" tabindex="-1" aria-labelledby="partmentAddTitle" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="partmentAddTitle">新增</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <form>
              <input type="text" name="ksId" style="display: none;">
              <div class="form-group row">
                <label class="col-3"><span class="star">*</span>&nbsp;科室名称:</label>
                <input type="text" class="form-control col-9" name="ksName" placeholder="请输入科室名称">
              </div>
              <div class="form-group row">
                <label class="col-3"><span class="star">*</span>&nbsp;科室编号:</label>
                <input type="text" class="form-control col-9" name="ksCode" placeholder="请输入科室编号">
              </div>
              <div class="form-group addPartment-input  row">
                <label class="col-3"><span class="star">*</span>&nbsp;科室图标:</label>
                <input class="col-9 ks-img" type="file" id="ksImgUrl" name="ksImgUrl">
              </div>
              <div class="form-group addPartment-input  row">
                <label class="col-3"></label>
                <img class="col-4" id="showKsImg" src="">
              </div>
              <div class="form-group row">
                <label class="col-3">排序值:</label>
                <input type="number" class="form-control col-9" name="ksSerial">
              </div>

              <div class="form-group row">
                <label class="col-3">启用状态:</label>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" type="radio" name="ksEnabled" value=1>
                  <label class="form-check-label">启用</label>
                </div>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" type="radio" name="ksEnabled" value=0>
                  <label class="form-check-label">禁用</label>
                </div>
              </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary ks-save">保存</button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 删除确认弹窗 -->
  <div class="modal fade" id="ksDeleteConfirm" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">删除</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          确认要删除该数据吗？
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary del-confirm-but">确认</button>
        </div>
      </div>
    </div>
  </div>
</body>

</html>